草庐IT

HTML5 Canvas 或 SVG 世界地图

全部标签

javascript - 如何检测 HTML 元素内容的变化?

我正在使用RubyonRails3.1.0和jquery-railsgem。我想将一个jQuery事件(也许我可以使用live功能......)绑定(bind)到一个HTMLdiv标签,这样我就可以检查它的内容变化,如果所以(也就是说,如果新代码被添加到div标签),在另一个HTMLdiv标签中创建自定义文本。也就是说,在我的View文件中我有:我想添加\删除一个“你好!”div中带有id="div_content_2"的文本消息每次divcontent中带有id="div_content_1"更改(在我的例子中,当HTMLinput字段添加到div标签时-请阅读下面的示例)。例如(在

javascript - 如何使用 Jquery 根据 html 中的关键字为元素的背景着色

我正在尝试使用Jquery首先识别span标记中的特定单词,然后为嵌套它的div的背景着色。HTML如下所示:WorkshopToddlersareespeciallywelcometoBALTIConTuesdays.Joininthefun,asaBALTICartistleadsapracticalsessionusingavarietyofmaterials,...所以我认为我需要使用Jquery来确定是否等于“Workshop”,然后使用类highlight为div着色(例如,将背景设置为#000)。我需要重复此操作,以便为每个具有不同值的div.highlight赋予不同的

javascript - 在正文 html 中搜索某些文本的最佳方法是什么

截至目前,我正在使用JavaScript搜索方法来替换正文HTML中的一些文本,如下所示。假设我的html是Iaminbody...然后我使用下面的方法varbody=$(body);vartext=body.html();text=text.replace('Iaminbody...','Yes');body.html(text);但我可以在IE等浏览器中看到缓慢的页面搜索..请建议我改进这一点,如果有任何插件可以搜索和匹配字符串,即使它包含任何html标签,也请告诉我。如下所示Iaminbody...用目前的方法我无法匹配这个..如果我使用$('*:contains("somese

javascript - 使用Canvas将不透明像素变成白色

我正在寻找一种方法来拍摄图像(Logo、应用程序图标等)并使用javascript/canvas将它们转换为白色(不包括透明度)。这是我想要的示例(显然使用静态图像):http://jsfiddle.net/4ubyj/ 最佳答案 CanvasAPI具有专门用于“仅在原始图像中不透明的像素上绘制”之类的合成方法。这比弄乱图像数据要容易得多。jsFiddle示例(现在带有内联图像)向@WilliamVanRensselaer最初的fiddle致敬。您想要的复合操作是source-in,这意味着“仅在绘制图像中不透明像素之上绘制我要绘制

javascript - underscore.js 和 backbone.js 的外部 html 模板

我可以将我的模板放在单独的.html文件中,然后在我的index.html中引用它们吗?索引.html:项目列表-tmpl.html:我试过了,但问题是它没有在index.html上显示模板,但它加载在正确的位置(使用Firebug查看)更新找到了一个可能的解决方案,但不推荐用于生产环境。 最佳答案 从http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324得到这个为此创建一个单独的js文件

javascript - 我将如何移动带有元素的 SVG 图案

这个问题在这里已经有了答案:HowtomakeSVGimagepatternfillmovewithobject?(4个答案)关闭1年前。我创建了这里看到的svg模式:然后在我的脚本中我创建了一个使用该模式的椭圆。问题是,当我四处移动椭圆时,图案仍然留在它后面,而不是随着椭圆移动。如何配置图案以与元素保持一致?

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - 在背景选项卡上运行 Canvas

我最近创建了一个HTML5Canvas动画(也使用Processing.js)。问题是当我将浏览器切换到不同的选项卡时,动画停止播放。当用户位于与包含动画的标签不同的标签时,如何让动画继续播放?例子:http://jsfiddle.net/EyFTr/3/如果您切换标签页,时钟会停止,但如果您打开一个新窗口的链接并模糊该窗口,时钟仍会移动。 最佳答案 简短的回答是你不能。https://developer.mozilla.org/en/DOM/window.setTimeoutIn(Firefox5.0/Thunderbird5.0

javascript - 如何使用 jquery 获取 html 5 多文件上传变量的值?

即使我使用下面的html选择了多个文件。我只得到第一个选择文件的值。我正在使用一个简单的:varfilelist=$("#multiplefiles").val()||[];$.each(filelist,function(i,myfile){console.log('foundfile'+i+'='+myfile);});请告知我如何获取所有文件的列表...例如在输入字段中选择的字符串是:C:\Users\Public\Pictures\SamplePictures\Hydrangeas.jpg,C:\Users\Public\Pictures\SamplePictures\Chry

javascript - 读取 JSON Tiled map 编辑器文件并显示到 Canvas

我正在关注这个this能够在我的javascript/canvas游戏中加载由平铺map编辑器创建的jsonmap文件的教程。我已经实现了我自己的版本,并且在控制台或网络等中的firebug中没有出现任何错误。据我所知,通过放入console.logs和警报,脚本运行得非常好!问题是Canvas保持空白!当它现在应该有一个tilemap时。这是我在游戏中实现的教程版本:functionLevel(){varc;vardata;varlayers=[];this.get_map=function(name,ctx){c=ctx;$.getJSON('maps/'+name+'.json'